/** Common **/

body {
    background:#272D32;
    font-family: Verdana, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-size: 13px;
}

body.ie-6 {
    font-family: Arial, Helvetica, sans-serif;
}

a {
    text-decoration:none;
    color: #0088cc;
}

img {
    border:none;
}

#main-container h1 {
    font-size: 20px;
    font-weight: bold;
}

#main-container h2 {
    font-size: 18px;
    font-weight: bold;
}

#main-container h3 {
    font-size: 16px;
    font-weight: bold;
}

#main-container em {
    font-style:italic;
}

#main-container strong {
    font-weight:bold;
}

#main-container td {
    padding: 0px 0px 10px;
}

/** Header **/
#header {
    background: transparent url('../images/common/header.png') no-repeat top center;
}

#header h1 {
    font-size: 24px;
}

#header h1 a {
    color: #FF5640;
}

#header h1 a:hover {
    color: #FFAE63;
}

#header h2 {
    font-size: 14px;
    color: #40C3FF;
    font-style:italic;
}

/** Site navigation **/
#site-navigation {
    background: url('../images/common/nav-bg.png') repeat-x center center;
    border-top: solid 1px #666;
}

#site-navigation li a {
    color: #206981;
    border-right: solid 1px #206981;
}
#site-navigation .navigation {
    border-left: solid 1px #206981;
}

#site-navigation li a:hover, #site-navigation li a.current {
    background: url('../images/common/nav-bg-spec.png') repeat-x center center;
    color: #eee;
}

#site-navigation li.has-children li a {
    background: #333;
    color: #888;
    border:solid 1px #666;
    border-top:none;
    opacity: 0.9;
}

.ie-6 #site-navigation li.has-children li a {
    height: 20px;
    width: 140px;
}

#site-navigation li.has-children li a:hover {
    background: #333;
    color: #eee;
}

/** Setting navigation **/
#setting-navigation .navigation {
    background: url('../images/common/setting-nav-bg.png') repeat-x center center;
    border:solid 1px #206981;
}

#setting-navigation li a {
    font-size:11px;
    color: #FFAE63;
}

#setting-navigation li a:hover, #setting-navigation li a.current {
    background: url('../images/common/setting-nav-bg-spec.png') repeat-x center center;
    color: #363636;
}

/** Setting page **/
#setting-page-title {
    font-size: 18px;
    font-weight: bold;
    color: #9A1724;
}

#setting-page-header.has-icon {
    border-bottom:solid 2px #206981;
}

/** Wrapper **/
#wrapper {
    border-top: solid 1px #666;
    background: #fff;
    color: #222;
}

/** Footer **/
#footer {
    color: #eee;
    font-size: 11px;
}

#footer a {
    color: #FFAE63;
}

/** Widget **/
.widget-header {
    font-size: 15px;
    font-weight: bold;
    color: #9A1724;
}

.widget-content {
    color: #206981;
}

.widget-content a {
    color: #cc2200;
}

/** Form **/
.form-container {
    border:solid 1px #9BD3F2;
    background: #fafafa;
}

.custom .form-container {
    background: transparent;
}

.form-button {
    background: url('../images/form/btn-bg.png') repeat-x center center;
    border:solid 1px #284261;
    color: #ccc;
}

.form-button.hover {
    background: url('../images/form/btn-bg-hover.png') repeat-x center center;
    color: #eee;
}

.form-label {
    color: #CC0000;
}

.form-textbox, .form-textarea {
    border: solid 1px #F39F66;
    color: #444;
}

.form-textbox.focus, .form-textarea.focus {
    border: solid 1px #196170;
    color: #196170;
}

.form-error, .form-error.focus {
    color: #ff0000;
    font-style:italic;
}

.form-description {
    font-size: 11px;
    font-style: italic;
    color: #666;
}

.form-controller a {
    background: url("../images/form/btn-bg-light.png") repeat-x scroll 50% 50% transparent;
    border:outset 1px #999;
    color: #777;
}

.form-controller a:hover {
    border:inset 1px #555;
    color: #333;
}

/** Page Json **/
.pagejson-row {
    border-bottom: dashed 1px #206981;
}

.pagejson-main-header {
    font-size: 16px;
    color: #FF5640;
}

.pagejson-control a {
    background: url("../images/form/btn-bg-light.png") repeat-x scroll 50% 50% transparent;
    border:outset 1px #999;
    color: #777;
}

.pagejson-control a:hover {
    border:inset 1px #555;
    color: #333;
}

/** Note **/
.note-detail {
    font-size: 11px;
    color: #777;
    font-style:italic;
}

.note-author {
    color: #206981;
}

.form-note-info, .form-note-sticky {
    font-size: 11px;
    color: #9A1724;
    font-style:italic;
}

/** Personal info and products **/
#personal-info,
#academics,
#interests,
#certifications,
.product-row {
    border-bottom: dashed 1px #206981;
}

.product-row.last {
    border-bottom: solid 2px #206981;
}

#setting-main-content h3,
#personal-info h3,
#interests h3,
#certifications h3,
#academics h3,
#papers h3,
#projects h3 {
    color: #FF5640;
}

#papers h4,
#projects h4 {
    color: #206981;
    font-weight: bold;
}

/** Pages **/
.page-detail {
    font-size: 11px;
    color: #777;
    font-style:italic;
}

.page-author {
    color: #206981;
}

#owl-page-title h2 {
    color: #FF5640;
}

h3#advance-toggle {
    color: #206981;
}

#advance-container {
    border:solid 1px #9BD3F2;
    background: #fafafa;
}

#button-container {
    border-top:dashed 1px #206981;
}

.page-control .info-extra {
    font-size:11px;
}

/** jTable **/
.jtable {
    border: solid 1px #ccc;
}

.jtable th {
    background: transparent url("../images/common/jtable-hb.png") repeat-x bottom center;
    color: #003147;
    font-weight: bold;
}

.jtable td {
    border-top: solid 1px #ccc;
}

.jtable .selected td {
    background: transparent url("../images/common/jtable-selected.png") repeat-x center center;
    color: #363636;
}

.jtable tfoot td {
    background: transparent url("../images/common/jtable-fb.png") repeat-x top center;
    border-top: solid 1px #ccc;
}

.jtable tfoot td a {
    color: #003147;
}

/** Theme **/
#current-theme {
    border-bottom:solid 1px #206981;
}

#theme-list td {
    border-bottom:dashed 1px #206981;
}

/** Others **/
.ajax-error {
    border: 1px solid #cd0a0a;
    background: #b81900 url(../images/common/error-bg.png) 50% 50% repeat;
    color: #ffffff;
}

.ajax-success {
    border: 1px solid #fed22f;
    background: #ffe45c url(../images/common/success-bg.png) 50% top repeat-x;
    color: #363636;
}

.info-extra.add {
    background: transparent url('../images/common/add.png') no-repeat center left;
}

.info-extra.delete {
    background: transparent url('../images/common/delete.png') no-repeat center left;
}

.info-extra.edit {
    background: transparent url('../images/common/edit.png') no-repeat center left;
}

